<script src="__static__/static/js/jquery-3.5.1.min.js"></script>
<div class="section fp-auto-height footer">
    <!-- <footer> -->
    <div class="menus-container">
        <div class="container">
            <div class="footer-menus">
                <div class="footer-logo">
                    <img src="{$site.logo}" alt="">
                </div>
                <div class="menus-wrap">
                    {hkcms:channel type="top" ismenu="1" currentstyle="current"}
                    <div>
                        <ul>
                            <li class="footer-map-title"> <a href="{$item.url}">{$item.title}</a> </li>
                            {if $item.has_child}
                            {hkcms:channel name="$item['id']" id="son" type="son" ismenu="1"}
                            <li> <a href="{$son.url}">{$son.title}</a> </li>
                            {/hkcms:channel}
                            {/if}
                        </ul>
                    </div>
                    {/hkcms:channel}
                </div>
            </div>
        </div>
    </div>
    <!-- </footer> -->
    <div class="page-bottom text-white">
        <div class="container">
            <div class="bottom-wrap">
                <div class="bottom-icp">
                    <div class="icp">
                        &copy; {$site.gsname} |
                        <a href="https://beian.miit.gov.cn/" target="_blank">{$site.psrn}</a>
                    </div>
                    <div class="top">
                        <a href="#slide01" class="toTop"><img src="__static__/static/picture/totop.png" alt=""></a>
                    </div>
                </div>
                <style>
                    .bottom-follow a {
                        position: relative;
                        cursor: pointer;
                    }

                    .ewm_img {
                        position: absolute;
                        width: 200px;
                        display: none;
                        bottom: 100%;
                        left: 50%;
                        transform: translateX(-50%);
                        padding-bottom: 30px;
                    }

                    .ewm_img img {
                        width: 100% !important;
                        max-height: 230px;
                    }
                </style>
                <div class="bottom-follow">
                    <a>
                        <!-- <img src="__static__/static/picture/dy.png">
                        <div class="ewm_img">
                            <img src="{$site.douyin}" alt="">
                        </div> -->
                    </a>
                    <a>
                        <!-- <img src="__static__/static/picture/gzh.png">
                        <div class="ewm_img">
                            <img src="{$site.gzhewm}" alt="">
                        </div> -->
                    </a>
                    <a href="javascript:;" class="toTop"><img src="__static__/static/picture/totop.png" alt=""></a>
                </div>
                <script>
                    $(".bottom-follow a").hover(function () {
                        $(this).find('.ewm_img').stop().show(300);
                        console.log("a");
                    }, function () {
                        $(this).find('.ewm_img').stop().hide(300)
                    })
                </script>
            </div>
        </div>
    </div>
</div>